﻿@model NFine.Domain._02_ViewModel.UserInfoModel
@{
    ViewBag.Title = "专属海报";
    Layout = "~/Areas/WeiXinAreas/Views/Shared/_LayoutWeui.cshtml";
}

<style>
    .section {
        margin: 0px;
        width: 100%;
        height: 100%;
        background: url(/Content/M/img/bd.jpg) no-repeat center / 100% 100%;
        top: 0px;
        left: 0px;
        overflow: auto;
        position: absolute;
    }
    .weui-cells {
        background-color:transparent;
        position:fixed;
        left:0;
        bottom:0;
        width:100%;
        height:3.9rem;
    }
    .zhezhao {
        background-color: rgba(0,0,0,0.5);    
        filter:Alpha(opacity=50);
        height:4.4rem;
        position:fixed;
        left:0;
        bottom:0;
        width:100%;
    }
    .weui-cells:after, .weui-cells:before {
    border-bottom: 0px solid #d9d9d9; 
    border-top: 0px solid #d9d9d9;
    }

</style>

<div class="section">
    @if (Convert.ToBoolean(ViewData["canPic"]))
    {       
        <div style="height:1rem;"></div>
            <div style="text-align:center; font-family:Verdana;  font-size:2em;">@Model.USERNICKNAME 向您推荐</div>
            <div style="text-align:center; font-family:'Microsoft YaHei UI';  font-size:1.5em; color:white;">
                “睿步防滑”
            </div>
            <div style="margin-top:2rem; text-align:center;">
                <img src="@ViewData["pic"]" alt="" style="width:60%;" />
                <p style="font-size:12px; color:white;">@ViewData["date"]，有效期七天</p>
            </div>

            <div class="zhezhao">

            </div>
            <div class="weui-cells">
                <div class="weui-cell">
                    <div class="weui-cell__hd" style="height:2rem; width:2rem; padding-right:.5rem;"><img src="@Model.USERHEAD" style="width:100%; height:100%; display:block;"></div>
                    <div class="weui-cell__bd">
                        <p style="color:white;">@Model.USERNICKNAME</p>
                        <span style="font-size:12px; color:#ccc;">工号：@Model.USERNUMBER&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级别：@Model.WECHATACCOUNT</span>
                    </div>
                </div>
            </div>
    }
    else
    {
        <p>
            @ViewData["info"]
        </p>
    }

</div>

